import notFoundImg from '@/assets/images/nocourse.png'
import { Input } from 'antd-mobile'
import { useAppSelector, useAppDispatch } from '@/store'
import {
  initProvince,
  setSubjectByProvince,
  setCurrentSubjectByProvinceParram,
  setDiagnosisParam,
  setLocalstorage,
  provinceList,
  diagnosisParam,
} from '@/store/fillLink'
import styles from './styles.module.less'
import { getProvinceList, getSubjectByProvince, diagnosis } from '@/api/fillLink'
import React, { FC } from 'react'

const current: FC<{ setCurrent: React.Dispatch<React.SetStateAction<number>> }> = (props) => (
  <div className="w-full bg-white rounded-r0.8">
    <div className=" ">
      <div className=" text-r1.4 font-medium text-gray-333333 p-r1.0   text-center ">
        <span className="">语文</span>
        <Input
          style={{
            '--font-size': '1.2rem',
          }}
          type="number"
          min={0}
          max={100}
          className={styles['inputStyle']}
          placeholder="请输入当前分数"
        ></Input>
        <Input
          style={{
            '--font-size': '1.2rem',
          }}
          min={0}
          max={100}
          readOnly
          className={styles['inputStyle']}
          placeholder="输入满分"
        ></Input>
      </div>
      {/* <div className=" text-r1.4 font-medium text-gray-333333 p-r1.0 pl-r1.6 pr-r1.6  text-center ">
        <span className="">语文</span>
        <Input
          style={{
            '--font-size': '1.2rem',
          }}
          min={0}
          max={100}
          className=" bg-gray-F3F3F4 p-r1.0 pl-r1.2 w-r13.3 h-r4.0 inline-block rounded-r0.8  ml-r1.3 mr-r1.3 text-r1.2"
          placeholder="请输入当前分数"
        ></Input>
        <Input
          style={{
            '--font-size': '1.2rem',
          }}
          min={0}
          max={100}
          readOnly
          className=" bg-gray-F3F3F4 p-r1.0 pl-r1.2 w-r13.3 h-r4.0 inline-block rounded-r0.8  text-r1.2"
          placeholder="输入满分"
        ></Input>
      </div> */}
    </div>
    <span
      className=" w-r17.0 h-r4.4 leading-r4.4 absolute left-r1.2 z-100 rounded-r2.0 text-r1.4 text-red-FF3627 cursor-pointer border border-red-FF3627 bottom-r4.3  inline-block text-center "
      onClick={() => {
        props.setCurrent(0)
      }}
    >
      上一步
    </span>
    <span
      className=" w-r17.0 h-r4.4 leading-r4.4 absolute right-r1.2 z-100 rounded-r2.0 text-r1.5 text-white cursor-pointer  bg-gradient-to-r from-orange-FF664F to-orange-FF3627 bottom-r4.3  inline-block text-center "
      onClick={() => {
        props.setCurrent(2)
      }}
    >
      下一步
    </span>
  </div>
)

export default current
